<template>
  <div class="settings">
    <van-nav-bar safe-area-inset-top placeholder :title="$t('Setting')" left-arrow fixed @click-left="onClickLeft" />
    <van-cell-group class="marginTop15">
      <van-cell :icon="imgArr.basic" :title="$t('BasicSetting')" is-link to="/x1hybridg4basic" />
      <van-cell :icon="imgArr.advanced" :title="$t('AdvancedSetting')" is-link to="/x1hybridg4advanced" />
      <van-cell :icon="imgArr.super" :title="$t('SuperSetting')" is-link to="/x1hybridg4super" v-if="setOption==3" />
    </van-cell-group>
  </div>
</template>

<script>

export default {
  data(){
    return {
      setOption:sessionStorage.getItem('setOption'),
      imgArr:{
        'basic':require('../../../assets/setting1.png'),
        'advanced':require('../../../assets/setting2.png'),
        'super':require('../../../assets/setting3.png'),
        'meter':require('../../../assets/setting4.png'),
        'rf':require('../../../assets/setting5.png'),
      },
    }
  },
  methods: {
    onClickLeft(){
      this.$router.push({path:'/x1hybridg4set'});
    }
  }
}
</script>

<style scoped lang="less">

</style>
